body, html {
  line-height: 1;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #222;
  color: #fff;
}

.v-enter {
  transform: translateX(100%);
}

.v-leave-to {
  transform: translateX(-100%);
}

.v-enter-active, .v-leave-active {
  transition: all 0.5s ease;
}

.back {
  font-size: 20px;
  color: var(--color-theme);
}

.no-wrap {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.slide-enter, .slide-leave-to {
  transform: translateX(-100%);
}

.slide-leave-active, .slide-enter-active {
  transition: all 0.5s ease;
}

.left-enter {
  transform: translateX(-100%);
}

.left-leave-to {
  transform: translateX(100%);
}

.left-leave-active, .left-enter-active {
  transition: all 0.5s ease;
}